<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<base href="<%=request.getContextPath()%>/" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" charset="utf8"
	src="js/jquery.dataTables.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#example').dataTable({
			serverSide : true,
			"ajax" : {
				"url" : "user/getuserlist.json",
				type : 'POST',
				"data" : function(d) {
					console.log("打印的值是:" + $('#extra').val());
					console.log("打印的值是:" + d);
					//d.extra_search = $('#extra').val();
				}
			},
			columns : [ {
				"data" : "userid"
			}, {
				"data" : "username"
			}, {
				"data" : "password"
			}, {
				"data" : "nickname"
			} ]
		});
	});
</script>
</head>
<body>
	<table id="example" class="display" cellspacing="0" width="100%">
		<thead>
			<tr>
				<th>userid</th>
				<th>username</th>
				<th>password</th>
				<th>nickname</th>
			</tr>
		</thead>

		<tfoot>
			<tr>
				<th>userid</th>
				<th>username</th>
				<th>password</th>
				<th>nickname</th>
			</tr>
		</tfoot>
	</table>
</body>
</html>